﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
@section script {
    <script language = "javascript" type ="text/javascript">
        $(document).ready(function () {
            $("#btxn").click(function () {
                if ($(this).val() != "Tìm kiếm") {
                    $("#mave").removeAttr("Readonly");
                    $("#mave").val('');
                    $("#mave").focus();
                    $(this).val("Tìm kiếm");
                    $('#detailsDiv').empty();
                } else {
                    var mv = $("#mave").val();
                    $.getJSON("/EditTicket/KiemTraVe/", { mave: mv },
                        function (json) {
                            if (json == null) {
                                $("#mgs").text('Vé này không có trong CSDL');
                                $("#mave").val('');
                                $("#mave").focus();
                            }
                            else {
                                if (json.ttv == 003) {
                                    $("#mgs").text('');
                                    $.ajax({
                                        url: "/EditTicket/_ChiTietVe",
                                        data: { mave: mv },
                                        success: function (mydata) {
                                            $('#detailsDiv').append(mydata);
                                        },
                                        error: function (data) {
                                            $("#btxn").val("Tìm kiếm");
                                            $("#mave").removeAttr("Readonly");
                                            $("#mave").val('');
                                            $("#mave").focus();
                                            $("#mgs").html(data);
                                        },
                                        beforeSend: function () {
                                            $("#mave").attr("Readonly", "readonly");
                                            $("#btxn").attr("Disabled", "disabled");
                                            $("#btxn").val("Nhập mã vé khác");
                                            $("#detailsDiv").append("<div class=\"ajaxLoader\" id=\"ajaxLoader\" align = center><img src=\"@Url.Content("~/Content/images/loading.gif")\"/></div>");
                                            $("#ajaxLoader").hide();
                                            $("#ajaxLoader").fadeIn('fast');
                                        },
                                        complete: function () {
                                            $("#btxn").removeAttr("Disabled");
                                            $("#ajaxLoader").remove();  
                                        },

                                        type: "POST"
                                    });
                                } else {
                                    if (json.ttv == 002)
                                        $("#mgs").text('Vé này chưa thanh toán');
                                    else {
                                        $("#mgs").text('Vé này đã làm thủ tục rồi');
                                    }
                                }
                            }
                        });
                }
            });
        });
    </script>
} 

<h2>Index</h2>
@using (Html.BeginForm())
{
    @Html.Label("Mã vé:")
    @Html.TextBox("mave")
    <input type="button" id="btxn" value="Tìm kiếm"/>
    <label id="mgs"></label>
    <div id="detailsDiv">
    </div>
}